import Text from '@/components/didaima/d-text/indexView.vue'
import type { LeftComponentState } from '@/types'

export const defaultStyle = {
  width: 300,
  height: 30,
  top: 0,
  left: 0,
  // lineHeight: '300px',
  fontSize: '16px',
  color: '#000000',
  backgroundColor: '#ffffff',
  fontFamily: {
    value: '微软雅黑',
    type: 'select', // select
    list: [
      {
        label: '微软雅黑',
        value: '微软雅黑'
      },
      {
        label: '宋体',
        value: '宋体'
      },
      {
        label: '黑体',
        value: '黑体'
      }
    ]
  },
  textAlign: {
    value: 'center',
    type: 'btn', // select
    list: [
      {
        label: '左对齐',
        value: 'left'
      },
      {
        label: '居中对齐',
        value: 'center'
      },
      {
        label: '右对齐',
        value: 'right'
      }
    ]
  }
}

export const textData: LeftComponentState[] = [
  {
    // 名字
    name: '+文字组件',
    // 内容
    value: '文字内容',
    // 类型
    type: 'text',
    // 组件
    component: Text,
    // 组件样式
    style: {
      ...defaultStyle
    }
  }
]
